
#headerBar_back{
    height:57px;
    background:#222;
}
#headerBar{
    padding-left:182px;
    width:826px;
    height:57px;
    margin:0 auto;
    position:relative;
}
#headerBar .logo{
    position:absolute;
    top:0;
    left:0;
}
#headerBar .logo a{
    display:block;
    width:182px;
    height:68px;

}
#headerBar .headerLeft{
    float:left;
    width:300px;
    padding-left:10px;
}
#headerBar .headerLeft a{
    display:inline-block;
    line-height:17px;
    color:#eee;
    padding:20px 12px;
    background:#222;
}
#headerBar .headerLeft a:hover{
    background:#444;
}
#headerBar .headerRight{
    float:right;
    width:300px;
    color:#eee;
    text-align:right;
}
#headerBar .headerRight a{
    display:inline-block;
    line-height:17px;
    color:#eee;
    background:#222;
    margin-right:20px;
}
#headerBar .headerRight a:hover{
    background:#444;
}
#headerBar .headerRight span{
    display:inline-block;
    line-height:57px;
    text-align:right;
}
/*--------登陆样式----------*/
#container_back{
    background:#f5f5f5;
}
#container{
    width:1008px;
    padding-top:30px;
    padding-bottom:50px;
    margin:0 auto;
    height:500px;
    position:relative;
}
#container .pic{
    width:500px;
    height:450px;
    float:left;
    overflow:hidden;
    transition: all .8s;
}
#container .pic img:hover{
    box-shadow: 0 0 15px rgba(204,204,204,.5);
    transform: scale(1.2,1.2);
    transform-origin:center center;
}
#container .main-box{
    width:320px;
    height:420px;
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 0 0 15px rgba(204,204,204,.5);
    float:right;
    padding:15px 30px;
}
#container .main-box h2{
    font-size:18px;
    letter-spacing:5px;
    margin-bottom:10px;
    color:#34495E;
}
#container .main-box h2 .choice{
    float:right;
    font-size:12px;
    margin-top:4px;
    letter-spacing:0;
}
#container .main-box h2 .choice a:hover{
    color:#ff666b;
    text-decoration: underline;
}
#container .main-box .messages{
    margin:15px 0;
    width:320px;
    color:##34495e;
}
#container .main-box .messages .input-box{
    line-height:18px;
    padding:6px;
    margin-bottom:24px;
    position:relative;
    z-index:1;
    border:1px solid #ccc;
}
#container .main-box .messages .input-box .iconfont{
    display:inline-block;
    text-align:center;
    color:#aaa;
    font-size:22px;
    vertical-align:middle;
    /*margin:0 6px;*/
    padding:0 5px 0 5px;
    border-right:1px solid #ccc;
}
#container .main-box .messages .input-box .text{
    position:absolute;
    display:inline-block;
    color:#ccc;
    left:14px;
    top:10px;
    margin-left:30px;

}
#container .main-box .messages .input-box input{
    width:240px;
    height:18px;
    padding:4px 6px;
    line-height:18px;
    border:none;
    outline:none;
    color:#333;
    margin-left:2px;
}
#container .main-box .messages .forget a{
    text-decoration: underline;
    color:#34495E;
    float:right;
}
#container .main-box .messages .forget a:hover{
    color:#ff666b;
}
#container .main-box .messages .btn{
    width:318px;
    height:30px;
    display:inline-block;
    padding:15px 0;
    text-align:center;
    font-size:18px;
    border-radius: 2px;
    color:#fff;
    background:#ff666b;
    cursor: pointer;
    margin-top:30px;
}
#container .main .others p{
    font-size:14px;
    color:#999;
    font-weight:bolder;
    margin-top:40px;
}
#container .main .others a{
    display:inline-block;
    height: 30px;
    width:30px;
    margin-right:10px;
    background:url(../images/other-login-bg.png) no-repeat;
    overflow:hidden;
}
#container .main .others .qq{
    background-position-x:-40px;
}
#container .main .others .alipay{
    background-position-x:-80px;
}























































